<template>
  <!-- 组件的模板 -->
  <div id="app">
    <!-- 
      App.vue 根组件
      所以说视图都是基于 当前文件显示的
     -->
     
     
     <router-view />
     <!--  -->
     <div class="tab">
      <router-link :to="{
        name: 'news'
      }">
        news
      </router-link>
      <router-link :to="{
        name: 'sports'
      }">
        sports
      </router-link>
      <router-link :to="{
        name: 'plays'
      }">
        plays
      </router-link>
     </div>
  </div>
</template>

<style lang="scss">
  /* 
    这里写整个项目的公共样式
  */
</style>
